@import "./common.scss";

.u-row {
	// 由于微信小程序编译后奇怪的页面结构，只能使用float布局实现，flex无法实现
	/* #ifndef MP-WEIXIN || MP-QQ || MP-TOUTIAO */
	@include vue-flex;
	/* #endif */
	flex-wrap: wrap;
}

.u-row:after {
	/* #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO */
	display: table;
	clear: both;
	content: "";
	/* #endif */
}

.u-col {
	/* #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO */
	float: left;
	/* #endif */
}

.u-col-0 {
	width: 0;
}

.u-col-1 {
	width: calc(100%/12);
}

.u-col-2 {
	width: calc(100%/12 * 2);
}

.u-col-3 {
	width: calc(100%/12 * 3);
}

.u-col-4 {
	width: calc(100%/12 * 4);
}

.u-col-5 {
	width: calc(100%/12 * 5);
}

.u-col-6 {
	width: calc(100%/12 * 6);
}

.u-col-7 {
	width: calc(100%/12 * 7);
}

.u-col-8 {
	width: calc(100%/12 * 8);
}

.u-col-9 {
	width: calc(100%/12 * 9);
}

.u-col-10 {
	width: calc(100%/12 * 10);
}

.u-col-11 {
	width: calc(100%/12 * 11);
}

.u-col-12 {
	width: calc(100%/12 * 12);
}
